.ui-wrapper {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
}
.relation-chart {
    width: 100%;
    height: 500px;
}
.top-list {
    flex-shrink: 0;
    flex-grow: 0;
    flex-basis: 200;
}

circle.node {
  cursor: pointer;
  stroke: #fff;
  stroke-width: .5px;
}
circle.node.directory {
  stroke: #9ecae1;
  stroke-width: 2px;
}
circle.node.collapsed {
  stroke: #555;
}
.nodetext {
  fill: #fff;
  font-weight: bold;
  text-shadow: 0 0 0.2em #B2B2B2;
}
line.link {
  fill: none;
  stroke: #9ecae1;
  stroke-width: 1.5px;
}